// 全局设置
body{
	    font-family: "Helvetica Neue", 
	    Helvetica, Arial, "Hiragino Sans GB", 
	    "Hiragino Sans GB W3", "WenQuanYi Micro Hei", 
	    "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
}
@ora:#E47E30;

// top部分
.top{
	padding-top: 75px;padding-bottom: 75px;
	background: url(../images/top.jpg) no-repeat center 20%;
	background-size: cover;

}

// 导航区域
.navbar{
	border-bottom: 2px solid #E1E1E1;
	border-radius: 0px;margin-bottom: 0px;
}

#leader_hide{
	float: none;
	span{
		background: #505050;height: 3px;
	}
}

#leader_list{
	width: 100%;text-align: center;
	margin: 0 auto;
	margin-bottom: -2px;
	li{
		float: none;
		// 行内块级元素
		display: inline-block;
		a{
			padding-left: 20px;padding-right: 20px;
			color: #525252;
		    font-size: 15px;
		    line-height: 25px;
		    &:hover{
		    	background: white;
		    	color:@ora;
		    }
		}
		a.shouye{
			border-bottom: 2px solid @ora;
		}
       @media(max-width:768px){
            display: block;
            text-align: left;
       }
	}
}

// content部分
#content{
	background: #EBEBEB;
	padding-top: 35px;padding-bottom: 35px;
	// 主体的文章部分
	main{
		article{
			width: 100%;
			background: white;
			padding: 10px 35px;
    		margin-bottom: 35px;
    		// 标题部分
			h1{
				width: 100%;
				text-align: center;
    			font-weight: normal;
    			a{
    				color: #303030;
    				&:hover{
  						text-decoration: none;
    				}
    			}
			}
			// 作者及时间
			.info{
				width: 100%;
				text-align: center;
    			color: #959595;
    			a{
    				color: @ora;
    			}
			}
			// 内容文章
			.arti{
				width: 100%;
				p{
					color: #444443;
    				font-size: 18px;
				}
			}
			// 阅读全文
			.read{
				width: 100%;
				a{
 					background: @ora;color: white;
 					border: 1px solid @ora;
 					&:hover{
 						 background: #303030;
 						 border: 1px solid #303030;
 					}
				}
			}
			// footer部分
			footer{
				padding-top: 25px;
			    padding-bottom: 25px;
			    border-top: 1px solid #EBEBEB;
			    margin-top: 30px;
			    color: #959595;
			    a{
			    	color: #959595;
			    	&:hover{
			    		color:@ora;
			    	}
			    }
			}
		}
		@media(max-width:992px){
             padding-left: 0px;
             padding-right: 0px;
		}
	}
	// 右侧非主体部分
	aside{
		// 社区部分
		.shequ{
			width: 100%;
			background: white;
			padding: 20px 30px;
			h3{
				margin-top:0px;
				position: relative;
				border-bottom: 1px solid #EBEBEB;
				padding-bottom: 7px;
				&:after{
					content: "";
					width: 90px;height: 1px;
					background: @ora;
					position: absolute;
					left: 0px;bottom:-1px;

				}
			}
			p{
				a{
					color: @ora;
				}
			}
		}
		// 下载部分
		.download{
			background: white;
			width: 100%;
			padding: 20px 30px;
			margin-top: 35px;
			h3{
				margin-top:0px;
				position: relative;
				border-bottom: 1px solid #EBEBEB;
				padding-bottom: 7px;
				&:after{
					content: "";
					width: 90px;height: 1px;
					background: @ora;
					position: absolute;
					left: 0px;bottom:-1px;

				}
			}
			p{
				a{
					width: 100%;
					background: @ora;
					color: white;
					border: 1px solid @ora;
					&:hover{
						background: #303030;
						border: 1px solid #303030;
					}
				}
			}
		}
		// 标签云部分
		.tags{
			background: white;
			padding: 20px 30px;
			width: 100%;
			margin-top: 35px;
			h3{
				margin-top:0px;
				position: relative;
				border-bottom: 1px solid #EBEBEB;
				padding-bottom: 7px;
				&:after{
					content: "";
					width: 90px;height: 1px;
					background: @ora;
					position: absolute;
					left: 0px;bottom:-1px;
				}
			}
			p{
				width: 100%;overflow: hidden;
				a{
					display: block;float: left;
					margin: 5px 5px 0px 0px;
				    padding: 5px 10px;
				    color: #959595;
				    border: 1px solid #EBEBEB;
				    font-size: 14px;
				    &:hover{
				    	background: @ora;
				    	color: white;
				    	border: 1px solid @ora;
				    	text-decoration: none;
				    }
				}
			}
		}
	}
}


// footer部分
#footer{
	background: #1E1E1E;
	padding-top: 35px;padding-bottom: 35px;
	.foot_news,.foot_tags,.foot_com{
		padding-left: 45px;
	    padding-right: 45px;
	    margin-bottom: 30px;
		h3{
			margin-top: 0px;
			color: white;position: relative;
			padding-bottom: 7px;
			border-bottom: 1px solid #303030;
			margin-bottom: 15px;
			&:after{
				content: "";
				width: 90px;height: 1px;
				background:@ora;
				position: absolute;
				left: 0px;bottom: -1px;
			}
		}
		p{
			a{
				white-space: nowrap;
			}
		}
	}
	// 最新文章部分
	.foot_news{
		p{
			border-bottom: 1px dashed #303030;
			padding-top: 5px;
    		padding-bottom: 15px;
			a{
				display: block;
				color: #959595;
				line-height: 25px;
				&:hover{
					color: @ora;
					text-decoration: none;
				}
			}
			span{
				display: block;
				color: #505050;
				line-height: 25px;
			}
		}
	}
	// 标签云
	.foot_tags{
		p{
			width: 100%;overflow: hidden;
			a{
				display: block;float: left;
				margin: 5px 5px 0px 0px;
			    padding: 5px 10px;
			    color: #959595;
			    border: 1px solid #303030;
			    font-size: 14px;
			    &:hover{
			    	background: @ora;
			    	border: 1px solid @ora;
			    	text-decoration: none;
			    	color: white;
			    }
			}
		}
	}
	// 合作伙伴
	.foot_com{
		p{
			border-bottom: 1px dashed #303030;
			padding-top: 5px;
    		padding-bottom: 15px;
    		a{
    			color: #959595;
				line-height: 25px;
				padding: 5px;
				margin-right: 10px;
				&:hover{
					background: @ora;
					color: white;
					text-decoration: none;
				}
    		}
		}
		p.last{
			border: none;
		}
	}
}

// 版权部分
#copyright{
	background: #0F0F0F;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	border-top: 1px solid #303030;
	span{
		color:#555555;
		a{
			color: #555555;
		}
	}
}











// 测试样式
.red{background: red;}
.blue{background: blue;}
.green{background: green;}